<template>
    <div class="scene_root">
        <threed-view
            class="threed-view"
            ref="threedView"
            @onElementClick="onElementClick"
        />
    </div>
</template>

<script>
import ThreeDBaseCom from "@/components/ThreeDScene/threeDBaseCom.vue";
import threeData from "@/utils/testThreeData.js";
export default {
    components: {
        "threed-view": ThreeDBaseCom,
    },

    data() {
        //数据
        return {};
    },

    methods: {},

    created() {},

    mounted() {
        this.$refs.threedView.initEngineAndScene(
            threeData.modelJsonUrl,
            threeData.modelId,
            threeData.initView
        );
    },
};
</script>

<style lang="scss" scoped>
.scene_root {
    width: 100%;
    height: 100%;
    background-color: aqua;
}

.threed-view {
    width: 100%;
    height: calc(100% - 0px);
}
</style>